/* 全局默认样式 */
:root {
    --el-color-primary: #409eff; /* 主色调 */
    --el-color-success: #67c23a; /* 成功色 */
    --el-color-warning: #e6a23c; /* 警告色 */
    --el-color-danger: #f56c6c; /* 错误色 */
    --el-color-info: #909399; /* 信息色 */
    --el-bg-color: #ffffff; /* 背景色 */
    --el-text-color-primary: #303133; /* 主文本颜色 */
    --el-fill-color: #f0f2f5; /* 填充色 */
    --el-border-color: #dcdfe6; /* 边框颜色 */
  }
  
  /* 黑暗模式样式 */
.light {
    --el-color-primary: #66b1ff;
    --el-color-success: #85ce61;
    --el-color-warning: #eda035;
    --el-color-danger: #f78989;
    --el-color-info: #2d3748;
    --el-bg-color: #f7f7f7;
    --el-text-color-primary: #d1d5db;
    --el-fill-color: #374151;
    --el-border-color: #2d3748;
  }
  
  .light{
    background-color:var(--el-bg-color);
  }
  .light .el-row{
 
    color: var(--el-color-info);
  }

  .light .el-col{
    
  } 
  /* 具体组件的黑暗模式样式 */
.light .el-button {
  
    width: 100%;
    height: 100%;
  }

  .light .el-button {

    width: 100%;
    height: 100%;
  }
  .light .middle-2{
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px;
  }
  .light .midele-3-bg{
    background-color: #ffffff;
   }

     /* 主页头部 */
     .light .clickable-col {
    display: inline-block;
    padding: 5px;
    margin-top: 0px;
    border-radius: 4px;
  
    text-decoration: none;
    /* 去掉链接的下划线 */
    color: inherit;
    /* 继承父元素的颜色 */
    /* 轻微的黑色背景 */
    transition: background-color 0.3s ease;
    /* 平滑过渡背景色变化 */
  }
  
   .light .clickable-col:hover {
    background-color: rgba(0, 0, 0, 0.3);
    /* 鼠标悬停时加深背景色 */
    
  }
   .light .item {
    background-color: #e2dfdf;
    border-radius: 5px;
    padding: 0px;
    width: 80px;
    box-sizing: border-box;
    text-align: center;
  }
  .light .dark_word{
    color: var(--el-color-info);
}
.light .dark_word2{
  color: black;
}

.light .dark_bgcolor{
  background-color: #ffffff;
  color: var(--el-color-info);;
}
.light .dark_bgcolor2{
  background-color: #ececec;
  color: var(--el-color-info);
}
/* 小选项框中使用 */
.light .dark_btbgcolor{
  background-color: #d8d7d7;
  color: var(--el-color-info);
}
.light .el-table .even-row{
  background-color: #ffffff; /* 设置奇数行背景色 */
}
.light .el-table .odd-row {
  background-color: #ffffff; /* 设置奇数行背景色 */
}

